import React from 'react'

export default function Swiper() {
  return (
    // 可公共轮播图,如需所有页公都用轮播请删除其他页common_image块
    <div className="swiper-container mySwiper">
      <div className="swiper-wrapper">
        {/* swiper-slide循环位置 */}
        <div className="swiper-slide">
          {/* a电脑，b手机 */}
          <img
            className="a"
            src="http://www.mxswch.cn/upload/20220818/9103ca67ac7ebb12df631bc2af1bf2be.jpg"
            alt="1"
          />
          <img
            className="b"
            src="http://www.mxswch.cn/upload/20220818/9103ca67ac7ebb12df631bc2af1bf2be.jpg"
            alt="1"
          />
        </div>
        <div className="swiper-slide">
          {/* a电脑，b手机 */}
          <img
            className="a"
            src="http://www.mxswch.cn/upload/20220818/f13fde4c46aaa6fde85d8dd72852602c.jpg"
            alt="2"
          />
          <img
            className="b"
            src="http://www.mxswch.cn/upload/20220818/f13fde4c46aaa6fde85d8dd72852602c.jpg"
            alt="2"
          />
        </div>
        <div className="swiper-slide">
          {/* a电脑，b手机 */}
          <img
            className="a"
            src="http://www.mxswch.cn/upload/20220818/cc051905cbad8694bbf045008d689d52.jpg"
            alt="3"
          />
          <img
            className="b"
            src="http://www.mxswch.cn/upload/20220818/cc051905cbad8694bbf045008d689d52.jpg"
            alt="3"
          />
        </div>
      </div>
      {/* Add Pagination */}
      <div className="swiper-pagination"></div>
    </div>
  )
}
